<template>
  <el-card class="box-card">
    <div slot="header" class="clearfix">
      <span class="card-title">居民消费价格指数词云图</span>
      <el-tooltip class="item" effect="dark" content="指标说明" placement="top">
        <el-button style="float: right;padding: 0" type="text">
          <i class="el-icon-share"/>
        </el-button>
      </el-tooltip>
    </div>
    <iframe src="http://172.29.17.83:50401/chart/show/5bac8705a181ea9cf428/" style="width: 400px;height:400px;" scrolling="auto" frameborder="0" class="trend-container2" id="iframe"></iframe>
    <div>
      <el-alert title="居民消费价格指数" type="success" center show-icon :closable="false">
      </el-alert>
    </div>
  </el-card>
</template>

<script>
export default {
  data() {
    return {
      cpi: {
        cpi: 0.0,
        type: '',
        province: '',
        represent_time: ''

      },
      title:''
    }
  },
  methods: {


  },
  mounted() {

  }
}
</script>

<style scoped>
.card-title {
  font-size: 26px;
}

.el-icon-share {
  font-size: 26px;
}

.item {
  margin-bottom: 14px;
}

.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
}

.clearfix:after {
  clear: both
}

.box-card {
  width: 430px;
}
</style>
